&lt;style type="text/css"><br>
   H1{ <br>
    font-size: 120%; <br>
    color: #336; <br>
   }<br>
  &lt;/style><br><br>

  &lt;H1 style="font-size: 120%; color:#336;"><br><br>

  &lt;link rel="stylesheet" type="text/css" href="http://www.mysite.ru/main.css"> <br><br>

  &lt;link rel="stylesheet" type="text/css" href="mysite.css"><br><br>
    <center>
            <style>
        @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&display=swap');
            html{
                font-family: 'Comfortaa', cursive;
                font-size: 14pt;
                color: #000;
    min-height:100%;

    /* Магия */
    background-size:cover;
                                            font-family: 'Comfortaa', cursive;
                font-size: 14pt;
                
            }
            hr{
                color: #000;
            }
            
            #block
        {
            padding: 30px;
            background: url(https://img.alicdn.com/imgextra/i3/6000000006148/O1CN010A9Wlo1vHpYrTZ7f6_!!6000000006148-0-tbvideo.jpg) no-repeat center center;
    min-height:100%;

    /* Магия */
    background-size:cover;
            border-radius: 51% 49% 81% 19% / 17% 19% 81% 83% ; 
            border-radius: 20px; 
        }    
        input[type=text]{
            border: 1px solid #BBBBBB ;
                            font-family: 'Comfortaa', cursive;
                font-size: 14pt;
            padding: 10px;
            margin: 5px;
            border-radius: 10px;
        }
                a{
                    margin:10px 0px 20px 0px;
                    text-decoration: none;
                    color: #000;
                     background: #2577B2;
            border: 1px solid #BBBBBB ;
            padding: 10px;
                            font-family: 'Comfortaa', cursive;
                font-size: 14pt;
            /*margin: 5px;*/
            border-radius: 10px;
        }
        input[type=radio]{
            transform:scale(1.3);
  opacity:0.9;
  cursor:pointer;
        }
            
        </style>
    <script type="text/javascript">
    document.ondragstart = noselect; 
    // закрываем перетаскиваине 
    document.onselectstart = noselect; 
    // закрываем выделение 
    document.oncontextmenu = noselect; 
    // закрываем контекстное меню 
    function noselect() {return false;} 
    
    
    
        var zoom1=1;
        var zoom2=1;
        function qq1() {
            zoom1=zoom1+0.1;
            zoom2=zoom2-0.05;
            document.getElementById('but1').style = 'zoom: '+zoom2+';color:#fff;position:fixed; bottom:26%; right:10px;  background: #2577B2; padding:10px; border-radius:5px; text-decoration:none;';
            document.getElementById('but2').style = 'zoom: '+zoom2+';color:#fff;position:fixed; bottom:50%; right:10px;  background: #2577B2; padding:10px; border-radius:5px; text-decoration:none;';
            document.getElementById('but3').style = 'zoom: '+zoom2+';color:#fff;position:fixed; bottom:42%; right:10px;  background: #2577B2; padding:10px; border-radius:5px; text-decoration:none;';
            document.getElementById('but4').style = 'zoom: '+zoom2+';color:#fff;position:fixed; bottom:34%; right:10px;  background: #2577B2; padding:10px; border-radius:5px; text-decoration:none;';
            document.body.style = 'zoom: '+zoom1+';';
        }
        function qq2() {
            zoom1=zoom1-0.1;
            zoom2=zoom2+0.05;
            document.getElementById('but1').style = 'zoom: '+zoom2+';color:#fff;position:fixed; bottom:26%; right:10px;  background: #2577B2; padding:10px; border-radius:5px; text-decoration:none;';
            document.getElementById('but2').style = 'zoom: '+zoom2+';color:#fff;position:fixed; bottom:50%; right:10px;  background: #2577B2; padding:10px; border-radius:5px; text-decoration:none;';
            document.getElementById('but3').style = 'zoom: '+zoom2+';color:#fff;position:fixed; bottom:42%; right:10px;  background: #2577B2; padding:10px; border-radius:5px; text-decoration:none;';
            document.getElementById('but4').style = 'zoom: '+zoom2+';color:#fff;position:fixed; bottom:34%; right:10px;  background: #2577B2; padding:10px; border-radius:5px; text-decoration:none;';

            document.body.style = 'zoom: '+zoom1+';';
        }
        function qq0() {
            zoom1=1;
            zoom2=1;
            document.getElementById('but1').style = 'zoom: '+zoom2+';color:#fff;position:fixed; bottom:26%; right:10px;  background: #2577B2; padding:10px; border-radius:5px; text-decoration:none;';
            document.getElementById('but2').style = 'zoom: '+zoom2+';color:#fff;position:fixed; bottom:50%; right:10px;  background: #2577B2; padding:10px; border-radius:5px; text-decoration:none;';
            document.getElementById('but3').style = 'zoom: '+zoom2+';color:#fff;position:fixed; bottom:42%; right:10px;  background: #2577B2; padding:10px; border-radius:5px; text-decoration:none;';
            document.getElementById('but4').style = 'zoom: '+zoom2+';color:#fff;position:fixed; bottom:34%; right:10px;  background: #2577B2; padding:10px; border-radius:5px; text-decoration:none;';

            document.body.style = 'zoom: '+zoom1+';';
        }
</script>
    
    <a href="#top" id="but1" style="zoom:1;color:#fff;position:fixed; bottom:26%; right:10px;  background: #2577B2; padding:10px; border-radius:5px; text-decoration:none;">↑</a>
        
        <a onclick="qq1()" id="but2"  style="zoom:1;color:#fff;position:fixed; bottom:50%; right:10px;  background: #2577B2; padding:10px; border-radius:5px; text-decoration:none;">+</a>
        
        <a onclick="qq2()" id="but3"  style="zoom:1;color:#fff;position:fixed; bottom:42%; right:10px;  background: #2577B2; padding:10px; border-radius:5px; text-decoration:none;">-</a>
        <a onclick="qq0()" id="but4"  style="zoom:1;color:#fff;position:fixed; bottom:34%; right:10px;  background: #2577B2; padding:10px; border-radius:5px; text-decoration:none;"> = </a>
        </center>